<!--

    Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.

    This program and the accompanying materials are made available under the
    terms of the Eclipse Public License v. 2.0, which is available at
    http://www.eclipse.org/legal/epl-2.0.

    This Source Code may also be made available under the following Secondary
    Licenses when the conditions for such availability set forth in the
    Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
    version 2 with the GNU Classpath Exception, which is available at
    https://www.gnu.org/software/classpath/license.html.

    SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

<h:head>
    <title>Mojarra 2.2 Test App</title>
    <h:outputStylesheet library="css"
                        name="el.css"/>
</h:head>

<h:body>

    <h2>Div with Library</h2>

    <div class="divWithLibraryBackground">
        <p>This div has a background image specified using an EL express in the stylesheet.</p>

        <p>The expression is structured to contain a library name along with the resource id:</p>

        <p>resource['css:images/background.png']</p>
        <h:outputText value="Resource created with library: #{resourceBean.resourceWithLibrary}"/>
    </div>

    <h2>Div without Library</h2>

    <div class="divWithoutLibraryBackground">
        <p>This div has a background image specified using an EL express in the stylesheet.</p>

        <p>The expression
            is structured so that it only includes the resource id (no library name).</p>

        <p>resource['css/images/background.png']</p>
        <h:outputText value="Resource created without library: #{resourceBean.resourceWithoutLibrary}"/>
    </div>

</h:body>
</html>

